﻿/// <reference path="../Externos/jquery-1.9.1.min.js" />
/// <reference path="../Externos/jquery-ui-1.10.2.custom.min.js" />

//--------------------------------------------------------------------------------
// FUNCIONES
//--------------------------------------------------------------------------------
// 1. CARGA DEL INDEX --> (document).ready 
// 2. RANKING DE HOTELES (AJAX)
//      2.1 ObtenerRankingHoteles
//      2.2 ObtenerRankingHoteles_cb
//          2.2.1 ('.panelHotel').hover
//--------------------------------------------------------------------------------

//--------------------------------------------------------------------------------
// CARGA DEL INDEX
//--------------------------------------------------------------------------------
    $(document).ready(function () {
        ObtenerRankingHoteles();
    });

//--------------------------------------------------------------------------------
// RANKING DE HOTELES (AJAX)
//--------------------------------------------------------------------------------
    function ObtenerRankingHoteles() {
        var Data = '';
        Ajax("ObtenerRankingHoteles", '{}', ObtenerRankingHoteles_cb);
    }

    function ObtenerRankingHoteles_cb(res) {
        var Resultado = res.d.Resultado;
        var HotelesMasValorados = res.d.HotelesMasValorados;
        var HotelesMasReservados = res.d.HotelesMasReservados;

        if (Resultado)
        {
            //---------------------------------
            // HOTELES MÁS RESERVADOS
            //---------------------------------
            var DivHMasReservados = "";
            for (var i = 0; i < HotelesMasReservados.length; i++) {

                DivHMasReservados += "<div class='panelHotel' id=" + HotelesMasReservados[i].IdHotel + ">";
                DivHMasReservados += "<div class='DobleCuadro Datos'>";
                DivHMasReservados += "<img src='" + HotelesMasReservados[i].Portada + "' />";
                DivHMasReservados += "<div class='fondo-info-hotel'></div>";
                DivHMasReservados += "<div class='content-info-hotel'>";
                DivHMasReservados += "<label>" + HotelesMasReservados[i].Nombre + "</label>";
                DivHMasReservados += "<span>" + HotelesMasReservados[i].Provincia.toUpperCase() + ", " + HotelesMasReservados[i].Poblacion + "</span>";
                DivHMasReservados += "<span>Puntuación: " + HotelesMasReservados[i].Puntuacion + "</span>";
                DivHMasReservados += "</div>";
                DivHMasReservados += "</div>";
                DivHMasReservados += "<div class='Cuadro Valor'>";
                DivHMasReservados += "<span>Reservas</span>";
                DivHMasReservados += "<label>" + HotelesMasReservados[i].NumReservas + "</label>";
                DivHMasReservados += "<div class='content-estrellas'>";
                for (var eON = 0; eON < HotelesMasReservados[i].Clasificacion; eON++) {
                    DivHMasReservados += "<img src='Content/Images/icono_estrella_on.png' />";
                }
                for (var eOFF = HotelesMasReservados[i].Clasificacion; eOFF < 5; eOFF++) {
                    DivHMasReservados += "<img src='Content/Images/icono_estrella_off.png' />";
                }
                DivHMasReservados += "</div>";
                DivHMasReservados += "</div>";
                DivHMasReservados += "</div>";
            }

            $("#MasReservados").html(DivHMasReservados);

            //---------------------------------
            // HOTELES MÁS VALORADOS
            //---------------------------------
            var DivHMasValorados = "";
            for (var i = 0; i < HotelesMasValorados.length; i++) {

                DivHMasValorados += "<div class='panelHotel' id=" + HotelesMasValorados[i].IdHotel + ">";
                DivHMasValorados += "<div class='DobleCuadro Datos'>";
                DivHMasValorados += "<img src='" + HotelesMasValorados[i].Portada + "' />";
                DivHMasValorados += "<div class='fondo-info-hotel'></div>";
                DivHMasValorados += "<div class='content-info-hotel'>";
                DivHMasValorados += "<label>" + HotelesMasValorados[i].Nombre + "</label>";
                DivHMasValorados += "<span>" + HotelesMasValorados[i].Provincia.toUpperCase() + ", " + HotelesMasValorados[i].Poblacion + "</span>";
                DivHMasValorados += "<span>Puntuación: " + HotelesMasValorados[i].Puntuacion + "</span>";
                DivHMasValorados += "</div>";
                DivHMasValorados += "</div>";
                DivHMasValorados += "<div class='Cuadro Valor'>";
                DivHMasValorados += "<span>Votos</span>";
                DivHMasValorados += "<label>" + HotelesMasValorados[i].Votos + "</label>";
                DivHMasValorados += "<div class='content-estrellas'>";
                for (var eON = 0; eON < HotelesMasValorados[i].Clasificacion; eON++) {
                    DivHMasValorados += "<img src='Content/Images/icono_estrella_on.png' />";
                }
                for (var eOFF = HotelesMasValorados[i].Clasificacion; eOFF < 5; eOFF++) {
                    DivHMasValorados += "<img src='Content/Images/icono_estrella_off.png' />";
                }
                DivHMasValorados += "</div>";
                DivHMasValorados += "</div>";
                DivHMasValorados += "</div>";
            }

            $("#MasValorados").html(DivHMasValorados);

            //---------------------------------
            // Efecto hover de los paneles
            //---------------------------------
            $('.panelHotel').hover(function () {
                $(this).find('.fondo-info-hotel').fadeOut();
                $(this).find('.content-info-hotel').fadeOut();
            }, function () {
                $(this).find('.fondo-info-hotel').fadeIn();
                $(this).find('.content-info-hotel').fadeIn();
            });
        }
        else
        {
            MostrarAlerta(res.d.Mensaje, 2);
        }
    }
//--------------------------------------------------------------------------------
// 
//--------------------------------------------------------------------------------